<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 编码集：万国码 -->
		<title>页面</title>
	</head>
	<body>
		<!-- html 属性和属性值[所有元素存在，元素和属性捆绑] 
		          属性和属性值的功能：作效果 问题：只针对一个元素有效
		-->
		<p align="right">lorem</p>        
		<!-- align:默认是 -->
		<!-- css 做样式【效果】 针对全局
		 前端：内容与表现分离【html做结构、css做样式】
		 能使用css 不要用html元素中属性和属性值
		 css3的引入方式：①内部样式表---练习专用  （代码量低时可用，练习时可用）
		                ②外部样式表---项目专用   （代码量高）
						③内联样式表---基本不用    （代码冗余）
						④引入样式表---根本不用     （支持css2引入方式）
						             缺点：先内容后表现
		 -->
		
		<p style="text-align: center">lorem1</p>
		      <!-- 两个单词之间用-分开  前者时css的后者时html的 -->
	</body>
</html>
